﻿@gridColumns:4;
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

div.parentpage {
	width: @siteWidth; /* 300px; */

}
nav ul li {
	display: block;
}
/* TODO: add other w13 - w24 */

.w5 { .columns(4,3); }
.w6 { .columns(4,3); }
.w7 { .columns(4,3); }
.w8 { .columns(4,3); }
.w9 { .columns(4,3); }
.w10 { .columns(4,3); }
.w11 { .columns(4,3); }
.w12 { .columns(4,3); }

.c5, .u5>li { .columns(4); }
.c6, .u6>li { .columns(4); }
.c7, .u7>li { .columns(4); }
.c8, .u8>li { .columns(4); }
.c9, .u9>li { .columns(4); }
.c10, .u10>li { .columns(4); }
.c11, .u11>li { .columns(4); }
.c12, .u12>li { .columns(4); }

/* grids with paddinggs */
.p5, .up5>li { .columns(4,@extraSpace*2);  padding:@extraSpace; }
.p6, .up6>li { .columns(4,@extraSpace*2);  padding:@extraSpace; }
.p7, .up7>li   { .columns(4,@extraSpace*2);  }
.p8, .up8>li { .columns(4,@extraSpace*2);  }
.p9, .up9>li   { .columns(4,@extraSpace*2);  }
.p10, .up10>li { .columns(4,@extraSpace*2);  }
.p11, .up11>li { .columns(4,@extraSpace*2);  }
.p12, .up12>li { .columns(4,@extraSpace*2);  }

.overview fieldset {
	padding: 0;
	border: 0;
	.box-shadow(none);
}
